<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>监控平台</title>
</head>

<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="./js/jqbar.1.1.js"></script>
<script type="text/javascript" src="./js/index.js"></script>

<style>
#header {
	width: 100%;
	text-align: center;
}
  
#left {
	float: left;
	height: 100%;
	border-right: 1px dashed #ccc;
}

#rightContent{

float: right;

}

#rightContent{
width: 76%;
float: right;
}

</style>

<body>
	<div id="header">监控平台</div>
	<div id="container">
	    <div style="float: left;">
			<div id="left" style="height:800px;">
				<div>{device}</div>
			</div>
		</div>
		<div id="rightContent">
			<div id="rightHeader">
				<div  style="width: 100%">
				<input name="cmd" id="cmd"  style="width: 100%" />
<!-- 				<textarea name="cmd" id="cmd"   style="width: 100%"></textarea> -->
				</div>
				<div > <input type="button" id="cmdBtn" value="执行"/><input type="button" id="kievBtn" value="Kiev监控"/><input type="button" id="javaBtn" value="java监控"/>
				
				<input type="button" action="load"  id="btnDevice" value="监控列表"/>
				<!-- 
				<input style="display: none;" type="button" id="saveDevices" value="保存列表"/>
				
				 -->
				<input type="button" action="load" id="btnSetting" value="修改配置"/>
				</div>
			</div>
			<div  style="width: 100%"> 
				<textarea id="result" rows="15" style="width: 100%;"></textarea>
			</div>
			<div id="baseInfo">
			  	<div id="loadavg"></div>
			  	<div id="memory"></div>
			  	<div id="cpu"></div>
			</div>			
		</div>
		<div style="clear: both"></div>
	</div>
	<div id="footer"></div>
</body>
</html>